.game-page{
  padding: var(--rem-40);
  margin-bottom: var(--rem-20);
  max-width: 1250px;
  margin: 0 auto 0;
  .game-page-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .game-page-header__title{
      font-size: var(--rem-24);
      font-weight: 700;
      color: var(--z-font-anti);
    }
  }
  .game-content-list{
    margin-top: var(--rem-40);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: var(--rem-12);
    grid-row-gap: var(--rem-12);
    &>li{
      cursor: pointer;
      background-color: var(--z-bg-card);
      border-radius: var(--rem-20);
      padding: var(--rem-20);
      img{
        display: block;
        max-height: var(--rem-145);
        width: var(--rem-148);
        height: var(--rem-148);
        border-radius: var(--rem-15);
      }
      h3{
        display: flex;
        align-items: flex-start;
        margin-top: var(--rem-10);
        span{
          color: var(--z-font-anti);
          font-size: var(--rem-14);
          line-height: 1;
          margin-right: var(--rem-10);
        }
        em{
          display: flex;
          align-items: center;
          font-size: var(--rem-14);
          margin-left: auto;
          width: var(--rem-20);
          svg{
            line-height: 1;
            cursor: pointer;
          }
        }
      }
    }
  }
  .game-pagination{
    margin-top: var(--rem-30);
  }
}

.z-card-tips__content{
  font-size: 14rem;
  .z-card-tips__box{
    display: flex;
    align-items: center;
    padding: 0 var(--rem-20);
    height: var(--rem-35);
    background-color: var(--z-border-def);
    border-radius: var(--rem-20);
    em{
      font-style: normal;
    }
    span{
      margin-left: auto;
      color: var(--z-bg-btn);
      font-weight: 700;
    }
  }
  .z-card-tips__title{
    padding: 0 var(--rem-20);
    font-size: var(--rem-10);
    margin-top: var(--rem-15);
  }
}
.game-page-h5{
  /**
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - var(--rem-100));
  */
  .game-page-h5_box{
    padding: var(--rem-40) var(--rem-10) var(--rem-10);
    box-sizing: border-box;
    .game-content-list{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      &>li{
        width: 33.33%;
        cursor: pointer;
        .game-content-li-p5{
          background-color: var(--z-bg-card);
          border-radius: var(--rem-10);
          margin: var(--rem-5);
          padding: var(--rem-10);
        }
        img{
          display: block;
          border-radius: var(--rem-15);
          margin: 0 auto;
          height: var(--rem-85);
        }
        h3{
          display: flex;
          align-items: flex-start;
          margin-top: var(--rem-10);
          span{
            color: var(--z-font-anti);
            font-size: var(--rem-12);
            margin-right: var(--rem-5);
            height: var(--rem-20);
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
          }
          em{
            display: flex;
            align-items: center;
            font-size: var(--rem-14);
            margin-left: auto;
            width: var(--rem-20);
            svg{
              line-height: 1;
              cursor: pointer;
            }
          }
        }
      }
    }
  }
}
